<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>员工管理</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/power.css"/>
	</head>
	<body>
		<div class="staff-box">
			<div class="staff-box-cont">
				<div class="s-b-c-top">
					<img src="images/u37.png"/>
					<p>平台<span>/ </span> <span>账号管理</span></p>
					<button class="power-add">角色增加</button>
				</div>
				<div class="s-b-c-cont">
					<div class="power-cont-left">
						<h3>职位权限</h3>
						<div class="p-c-l-box">
							<div class="l-box-top">
								<form action="" method="post">
									<input type="text" name="" id="power-search" value="" placeholder="请输入内容" />
									<button type="submit"><img src="images/u1940.png"/></button>
								</form>
							</div>
							<div class="l-box-cont">
								<ul>
									<li class="active">
										<span>总经理</span>
										<div class="power-close">
											<img class="close_1" src="images/u2086.png" alt="" />
											<img class="close_2" src="images/u2089.png" alt="" />
										</div>
									</li>
									<li>
										<span>总监</span>
										<div class="power-close">
											<img class="close_1" src="images/u2086.png" alt="" />
											<img class="close_2" src="images/u2089.png" alt="" />
										</div>
									</li>
									<li>
										<span>主管</span>
										<div class="power-close">
											<img class="close_1" src="images/u2086.png" alt="" />
											<img class="close_2" src="images/u2089.png" alt="" />
										</div>
									</li>
									<li>
										<span>组长</span>
										<div class="power-close">
											<img class="close_1" src="images/u2086.png" alt="" />
											<img class="close_2" src="images/u2089.png" alt="" />
										</div>
									</li>
									<li>
										<span>职员</span>
										<div class="power-close">
											<img class="close_1" src="images/u2086.png" alt="" />
											<img class="close_2" src="images/u2089.png" alt="" />
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="power-line"></div>
					<div class="power-cont-right">
						<h3>权限选择</h3>
						<div class="p-c-r-box">
							<div class="r-box-top">
								<div class="r-box-top-left active">PC 端</div>
								<div class="r-box-top-right ">移动端</div>
							</div>
							<div class="r-box-cont">
								<div class="PC_cont checked">
									<div class="r-box-cont-top">
										<button class="r-box-cont-top-all">全选</button>
										<button class="r-box-cont-top-qx">取消</button>
									</div>
									<div class="r-box-cont-list">
										<h3>品牌详情</h3>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>业种</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>品牌名称</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>合作方式</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>录入人</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>发现店铺</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>品牌直营公司名称</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>地址</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>联系人</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>职务</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>联系方式</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>代理商公司名称</span>
										</div>
									</div>
									<div class="r-box-cont-list">
										<h3>品牌详情</h3>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>业种</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>品牌名称</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>合作方式</span>
										</div>
									</div>
									<div class="r-box-cont-list">
										<h3>品牌详情</h3>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>业种</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>品牌名称</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>合作方式</span>
										</div>
										
									</div>
									<div class="r-box-cont-list">
										<h3>品牌详情</h3>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>业种</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>品牌名称</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>合作方式</span>
										</div>
										
									</div>
								</div>
								<div class="YD_cont">
									<div class="r-box-cont-top">
										<button class="r-box-cont-top-all">全选</button>
										<button class="r-box-cont-top-qx">取消</button>
									</div>
									<div class="r-box-cont-list">
										<h3>品牌详情</h3>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>业种</span>
										</div>
										
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>品牌直营公司名称</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>地址</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>联系人</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>职务</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>联系方式</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>代理商公司名称</span>
										</div>
									</div>
									<div class="r-box-cont-list">
										<h3>品牌详情</h3>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>业种</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>品牌名称</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>合作方式</span>
										</div>
									</div>
									<div class="r-box-cont-list">
										<h3>品牌详情</h3>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>业种</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>品牌名称</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>合作方式</span>
										</div>
										
									</div>
									<div class="r-box-cont-list">
										<h3>品牌详情</h3>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>业种</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>品牌名称</span>
										</div>
										<div class="r-box-cont-item">
											<input type="checkbox" name="ppxq" id="" value="" />
											<span>合作方式</span>
										</div>
										
									</div>
								</div>
							</div>
							<div class="r-box-bottom">
								<button class="r-b-b-qd">确定</button>
								<button class="r-b-b-qx">取消</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="position_add">
				<form action="" method="post">
					<div class="position_add_top">
						<h3>职位新增</h3>
						<img src="images/u1004.png"/>
					</div>
					<div class="position_add_cont">
						<h3>新增职位名称</h3>
						<input type="text" name="pos_name" id="pos_name" value="" />
						<div class="position_add_cont_btn">
							<button type="button" class="p_btn_qx">取消</button>
							<button type="button" class="p_btn_qd">确定</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<script src="js/jquery-3.3.1-min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/API.js" type="text/javascript" charset="utf-8"></script>
		<script src="layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/power.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
